<h1 id="html-blocks">HTML blocks</h1>

<h3 id="example-116">Example 116</h3>

<table><tr><td>
<pre>
**Hello**,
<p><em>world</em>.
</pre></p>
</td></tr></table>

<h3 id="example-117">Example 117</h3>

<table>
  <tr>
    <td>
           hi
    </td>
  </tr>
</table>
<p>okay.</p>

<h3 id="example-118">Example 118</h3>

 <div>
  *hello*
         <foo><a>

<h3 id="example-119">Example 119</h3>

</div>
*foo*

<h3 id="example-120">Example 120</h3>

<DIV CLASS="foo">
<p><em>Markdown</em></p>
</DIV>

<h3 id="example-121">Example 121</h3>

<div id="foo"
  class="bar">
</div>

<h3 id="example-122">Example 122</h3>

<div id="foo" class="bar
  baz">
</div>

<h3 id="example-123">Example 123</h3>

<div>
*foo*
<p><em>bar</em></p>

<h3 id="example-124">Example 124</h3>

<div id="foo"
*hi*

<h3 id="example-125">Example 125</h3>

<div class
foo

<h3 id="example-126">Example 126</h3>

<div *???-&&&-<---
*foo*

<h3 id="example-127">Example 127</h3>

<div><a href="bar">*foo*</a></div>

<h3 id="example-128">Example 128</h3>

<table><tr><td>
foo
</td></tr></table>

<h3 id="example-129">Example 129</h3>

<div></div>
``` c
int x = 33;
```

<h3 id="example-130">Example 130</h3>

<a href="foo">
*bar*
</a>

<h3 id="example-131">Example 131</h3>

<Warning>
*bar*
</Warning>

<h3 id="example-132">Example 132</h3>

<i class="foo">
*bar*
</i>

<h3 id="example-133">Example 133</h3>

</ins>
*bar*

<h3 id="example-134">Example 134</h3>

<del>
*foo*
</del>

<h3 id="example-135">Example 135</h3>

<del>
<p><em>foo</em></p>
</del>

<h3 id="example-136">Example 136</h3>

<p><del><em>foo</em></del></p>

<h3 id="example-137">Example 137</h3>

<pre language="haskell"><code>
import Text.HTML.TagSoup

main :: IO ()
main = print $ parseTags tags
</code></pre>
<p>okay</p>

<h3 id="example-138">Example 138</h3>

<script type="text/javascript">
// JavaScript example

document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<p>okay</p>

<h3 id="example-139">Example 139</h3>

<style
  type="text/css">
h1 {color:red;}

p {color:blue;}
</style>
<p>okay</p>

<h3 id="example-141">Example 141</h3>

<blockquote>
<div>
foo
</blockquote>
<p>bar</p>

<h3 id="example-142">Example 142</h3>

<ul>
<li>
<div>
</li>
<li>foo</li>
</ul>

<h3 id="example-143">Example 143</h3>

<style>p{color:red;}</style>
<p><em>foo</em></p>

<h3 id="example-144">Example 144</h3>

<!-- foo -->*bar*
<p><em>baz</em></p>

<h3 id="example-145">Example 145</h3>

<script>
foo
</script>1. *bar*

<h3 id="example-146">Example 146</h3>

<!-- Foo

bar
   baz -->
<p>okay</p>

<h3 id="example-147">Example 147</h3>

<?php

  echo '>';

?>
<p>okay</p>

<h3 id="example-148">Example 148</h3>

<!DOCTYPE html>

<h3 id="example-149">Example 149</h3>

<![CDATA[
function matchwo(a,b)
{
  if (a < b && a < 0) then {
    return 1;

  } else {

    return 0;
  }
}
]]>
<p>okay</p>

<h3 id="example-150">Example 150</h3>

  <!-- foo -->
<pre><code>&lt;!-- foo --&gt;
</code></pre>

<h3 id="example-151">Example 151</h3>

  <div>
<pre><code>&lt;div&gt;
</code></pre>

<h3 id="example-152">Example 152</h3>

<p>Foo</p>
<div>
bar
</div>

<h3 id="example-153">Example 153</h3>

<div>
bar
</div>
*foo*

<h3 id="example-154">Example 154</h3>

<p>Foo
<a href="bar">
baz</p>

<h3 id="example-155">Example 155</h3>

<div>
<p><em>Emphasized</em> text.</p>
</div>

<h3 id="example-156">Example 156</h3>

<div>
*Emphasized* text.
</div>

<h3 id="example-157">Example 157</h3>

<table>
<tr>
<td>
Hi
</td>
</tr>
</table>

<h3 id="example-158">Example 158</h3>

<table>
  <tr>
<pre><code>&lt;td&gt;
  Hi
&lt;/td&gt;
</code></pre>
  </tr>
</table>

<h3 id="example-140">Example 140</h3>

<p>If there is no matching end tag, the block will end at the end of the document (or the enclosing block quote or list item):</p>

<style
  type="text/css">

foo
